<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>harmony pilot</title>
    <style>
      html {
        background-color: #eee;
      }

      .logo {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 20px;
      }

      .current-logo {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 60px;
      }

      .current-logo > svg {
        width: 120px;
        height: 120px;
        color: rgb(199, 29, 19);
      }

      .login-type-list {
        display: flex;
        justify-content: center;
        align-items: center;
      }

      .login-type-list svg {
        width: 32px;
        height: 32px;
        color: rgb(199, 29, 19);
      }

      .info {
        text-align: center;
        margin: 60px 0 20px 0;
      }

      .login-btn {
        display: flex;
        justify-content: center;
      }

      .login-btn > button {
        outline: none;
        border: none;
        width: 100%;
        height: 40px;
        background-image: linear-gradient(
          90deg,
          #ffb354,
          #ef598f,
          #a85dec,
          #417ff3
        );
        font-size: 16px;
        color: #fff;
        margin: 20px 0;
        border-radius: 20px;

        &:hover {
          cursor: pointer;
        }
      }

      .logo svg {
        width: 44px;
        height: 44px;
      }

      #login-success {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 98vh;
      }

      #login-success > div {
        width: 480px;
        background-color: #fff;
        border-radius: 4px;
        padding: 20px;
        border-radius: 8px;
      }

      .agree {
        display: flex;
        align-items: center;
        font-size: 14px;
        color: #999;
        text-align: center;
        justify-content: center;
        margin: 40px 0;
      }

      .agree > a {
        text-decoration: none;
        color: #417eef;
      }

      .login-type {
        color: #999;
        display: flex;
        align-items: center;
        font-size: 14px;
        margin: 20px 0;
      }

      .line {
        height: 1px;
        flex: 1;
        background-color: #e7e7e7;
      }

      .login-type > div:nth-child(2) {
        margin: 0 12px;
      }
    </style>
    <script>
      function loginBtnClick() {
        if (document.getElementById("checkbox").checked) {
          const index = location.search.indexOf("=");
          if (index > -1) {
            const url = location.search.slice(
              index + 1,
              location.search.length
            );
            const decodeUrl = url.replace("%253F", "?");
            location.href = decodeUrl;
          }
        }
      }
    </script>
  </head>
  <body>
    <div id="login-success">
      <div>
        <div class="logo">
          <div>
            <svg
              xmlns="http://www.w3.org/2000/svg"
              xmlns:xlink="http://www.w3.org/1999/xlink"
              width="300px"
              height="300px"
              viewBox="0 0 300 300"
              version="1.1"
            >
              <title>Hi</title>
              <defs>
                <linearGradient
                  x1="39.3036195%"
                  y1="127.991175%"
                  x2="51.2868929%"
                  y2="22.8100295%"
                  id="linearGradient-1"
                >
                  <stop stop-color="#CF4D71" offset="0%" />
                  <stop stop-color="#FFADA1" offset="47.621763%" />
                  <stop stop-color="#FFD096" offset="100%" />
                </linearGradient>
                <linearGradient
                  x1="48.3665116%"
                  y1="65.3053295%"
                  x2="52.9838332%"
                  y2="0%"
                  id="linearGradient-2"
                >
                  <stop stop-color="#A85DEC" offset="0%" />
                  <stop stop-color="#EF598F" offset="40.8313549%" />
                  <stop stop-color="#FEAE57" offset="100%" />
                  <stop stop-color="#FFB354" offset="100%" />
                </linearGradient>
                <linearGradient
                  x1="42.709346%"
                  y1="89.7808321%"
                  x2="55.3961576%"
                  y2="7.05434152%"
                  id="linearGradient-3"
                >
                  <stop stop-color="#FFB354" offset="0%" />
                  <stop stop-color="#D04174" offset="52.9114672%" />
                  <stop stop-color="#A85DEC" offset="100%" />
                </linearGradient>
                <linearGradient
                  x1="38.5745113%"
                  y1="92.1040733%"
                  x2="72.3553563%"
                  y2="30.2648301%"
                  id="linearGradient-4"
                >
                  <stop stop-color="#876EBA" offset="0%" />
                  <stop stop-color="#3C47A8" offset="42.3884578%" />
                  <stop stop-color="#416CC7" offset="100%" />
                </linearGradient>
                <linearGradient
                  x1="42.9798895%"
                  y1="-22.3504357%"
                  x2="57.355202%"
                  y2="100%"
                  id="linearGradient-5"
                >
                  <stop stop-color="#F19193" offset="0%" />
                  <stop stop-color="#A9E685" offset="34.605636%" />
                  <stop stop-color="#5C9471" offset="73.2042859%" />
                  <stop stop-color="#53CF7C" offset="100%" />
                </linearGradient>
                <linearGradient
                  x1="21.1676776%"
                  y1="81.9929242%"
                  x2="44.7650525%"
                  y2="25.2726936%"
                  id="linearGradient-6"
                >
                  <stop stop-color="#EA92E8" offset="0%" />
                  <stop stop-color="#EF598F" offset="50.6556296%" />
                  <stop stop-color="#C42F54" offset="100%" />
                </linearGradient>
                <linearGradient
                  x1="0%"
                  y1="96.5782599%"
                  x2="50%"
                  y2="12.2168773%"
                  id="linearGradient-7"
                >
                  <stop stop-color="#A85DEC" offset="0%" />
                  <stop stop-color="#EF598F" offset="40.322812%" />
                  <stop stop-color="#FFB354" offset="100%" />
                </linearGradient>
                <linearGradient
                  x1="91.0074784%"
                  y1="50%"
                  x2="18.1029308%"
                  y2="6.07537751%"
                  id="linearGradient-8"
                >
                  <stop stop-color="#417FFE" offset="0%" />
                  <stop stop-color="#A382B5" offset="52.525543%" />
                  <stop stop-color="#F78474" offset="100%" />
                </linearGradient>
                <linearGradient
                  x1="76.5648801%"
                  y1="87.8516304%"
                  x2="29.688947%"
                  y2="-3.94493193%"
                  id="linearGradient-9"
                >
                  <stop stop-color="#5A80EC" offset="0%" />
                  <stop stop-color="#66B09A" offset="50.4222096%" />
                  <stop stop-color="#5C6ADB" offset="100%" />
                </linearGradient>
                <ellipse id="path-10" cx="14" cy="11" rx="14" ry="11" />
                <linearGradient
                  x1="60.7254198%"
                  y1="61.7259305%"
                  x2="35.651067%"
                  y2="32.217369%"
                  id="linearGradient-12"
                >
                  <stop stop-color="#5F89ED" offset="0%" />
                  <stop stop-color="#9A9BE0" offset="100%" />
                </linearGradient>
                <filter
                  x="-10.7%"
                  y="-16.7%"
                  width="121.4%"
                  height="133.3%"
                  filterUnits="objectBoundingBox"
                  id="filter-13"
                >
                  <feGaussianBlur stdDeviation="1" in="SourceGraphic" />
                </filter>
              </defs>
              <g
                id="AI-Commander-插件"
                stroke="none"
                stroke-width="1"
                fill="none"
                fill-rule="evenodd"
              >
                <g id="Hi">
                  <rect id="矩形" x="0" y="0" width="300" height="300" />
                  <path
                    d="M180.724874,63.0083086 C170.148808,61.4998058 158.782343,86.5050236 146.62548,138.023962 L154.189131,140.555467 C165.450668,95.976935 174.295915,70.1278821 180.724874,63.0083086 Z"
                    id="路径-28"
                    fill="url(#linearGradient-1)"
                  />
                  <path
                    d="M184.044587,68.9975722 C182.608393,75.8100721 167.519526,135.695753 165.644788,169.274853 C163.770051,202.853954 145.160245,187.26065 149.023425,152.499222 C152.886604,117.737795 167.956858,78.0764402 172.771634,68.9975722 C177.586411,59.9187043 185.480781,62.1850723 184.044587,68.9975722 Z"
                    id="路径-18"
                    fill="url(#linearGradient-2)"
                  />
                  <path
                    d="M112.606016,63.3041525 C113.299946,63.391297 119.473507,66.2776372 118.314364,74.170787 C117.155221,82.0639367 99.8272309,128.456228 102.639291,147.538509 C98.0847418,148.987646 89.37239,142.281304 90.8978402,136.112661 C92.4232904,129.944018 111.912086,63.218667 112.606016,63.3041525 Z"
                    id="路径-21"
                    fill="url(#linearGradient-3)"
                  />
                  <path
                    d="M205.259719,161.64897 C219,180.913877 210.31827,225.35941 177.586411,221.81448 C181.945616,228.573828 193.34258,231.039318 203.919512,225.971665 C214.496444,220.904013 233,181.64322 205.259719,161.64897 Z"
                    id="路径-26"
                    fill="url(#linearGradient-4)"
                  />
                  <path
                    d="M143.776822,154.413702 C132.113819,209.996331 144.340716,238.927833 180.457512,241.208206 C163.670348,217.047342 153.166259,187.642321 148.945244,152.993146 L143.776822,154.413702 Z"
                    id="路径-27"
                    fill="url(#linearGradient-5)"
                  />
                  <path
                    d="M67.2851927,239.515252 C77.2316384,237.858797 83.3658962,233.361404 85.687966,226.023073 C89.1710707,215.015577 93.5280415,193.454106 105.993461,177.071901 C118.45888,160.689695 144.984996,152.235625 168.06923,149.314742 C157.777871,145.966055 147.690877,146.395786 137.808249,150.603937 C120.036531,154.955163 104.354105,164.522996 90.7609718,179.307436 C70.3712718,201.484095 77.9727484,231.323684 73.94657,234.244453 C71.2624511,236.191632 69.041992,237.948566 67.2851927,239.515252 Z"
                    id="路径-20"
                    fill="url(#linearGradient-6)"
                  />
                  <path
                    d="M94.8399172,74.1480236 C53.2903824,133.622903 52.7860414,216.81984 54.870712,229.788192 C56.9553825,242.756545 75.0570418,242.756545 77.4653701,229.788192 C79.8736985,216.81984 81.523485,190.673981 93.0566858,177.405984 C104.589887,164.137986 129.367624,153.808786 150.838759,150 C172.309893,146.191214 207.475328,152.674507 216.481573,175.616112 C223.739815,194.105031 212.525862,228.339913 193.367441,228.339913 C171.596237,228.339913 159.624959,200.621901 168.06923,149.314742 C160.68876,150.489049 152.929853,153.122869 148.834897,154.412788 C139.221755,228.420648 162.360787,242.260368 193.367441,242.260368 C228.548185,242.260368 267.427185,172.891129 213.713593,146.191214 C160,119.491299 90.2220027,157.680485 93.0566858,137.588161 C95.8913689,117.495837 107.631761,87.1985532 113.476736,74.1480236 C119.321711,61.0974939 107.487482,56.9150858 94.8399172,74.1480236 Z"
                    id="路径-17"
                    fill="url(#linearGradient-7)"
                  />
                  <path
                    d="M149.353504,150.262675 C167.166009,145.929565 207.475328,152.674507 216.481573,175.616112 C223.739815,194.105031 212.525862,228.339913 193.367441,228.339913 C171.596237,228.339913 159.624959,200.621901 168.06923,149.314742 C158.165771,150.653355 157.073825,151.108929 148.945244,152.993146 C139.332102,227.001006 162.360211,242.260368 193.367441,242.260368 C233,242.260368 265.150243,169.857261 213.713593,146.191214 C187.519936,133.440059 160.26261,136.392121 151.351946,137.035488 C150.701639,141.407694 150.701639,141.866542 149.353504,150.262675 Z"
                    id="路径-17"
                    fill="url(#linearGradient-8)"
                  />
                  <path
                    d="M218.988985,231.851391 C213.279143,226.097326 211.859546,224.504817 207.693234,221.146683 C205.286426,222.911661 202.467565,227.7821 193.367441,228.339913 C171.596237,228.339913 159.624959,200.621901 168.06923,149.314742 C158.165771,150.653355 157.073825,151.108929 148.945244,152.993146 C139.332102,227.001006 160.65433,242.260368 193.367441,242.260368 C202.004496,242.381355 211.321828,238.614962 218.988985,231.851391 Z"
                    id="路径-17"
                    fill="url(#linearGradient-9)"
                  />
                  <g
                    id="椭圆形备份-27"
                    transform="translate(219.000000, 110.000000)"
                  >
                    <mask id="mask-11" fill="white">
                      <use xlink:href="#path-10" />
                    </mask>
                    <use id="蒙版" fill="#3D5FD8" xlink:href="#path-10" />
                    <ellipse
                      fill="url(#linearGradient-12)"
                      filter="url(#filter-13)"
                      mask="url(#mask-11)"
                      cx="14"
                      cy="8"
                      rx="14"
                      ry="9"
                    />
                  </g>
                </g>
              </g>
            </svg>
          </div>
          <div>HarmonyPolit</div>
        </div>
        <div class="info">使用码云账号进行登录</div>
        <div class="current-logo">
          <svg
            xmlns="http://www.w3.org/2000/svg"
            xmlns:xlink="http://www.w3.org/1999/xlink"
            t="1670918093562"
            class="icon"
            viewBox="0 0 1024 1024"
            version="1.1"
            p-id="1285"
            width="200"
            height="200"
          >
            <path
              d="M512 1024C229.222 1024 0 794.778 0 512S229.222 0 512 0s512 229.222 512 512-229.222 512-512 512z m259.149-568.883h-290.74a25.293 25.293 0 0 0-25.292 25.293l-0.026 63.206c0 13.952 11.315 25.293 25.267 25.293h177.024c13.978 0 25.293 11.315 25.293 25.267v12.646a75.853 75.853 0 0 1-75.853 75.853h-240.23a25.293 25.293 0 0 1-25.267-25.293V417.203a75.853 75.853 0 0 1 75.827-75.853h353.946a25.293 25.293 0 0 0 25.267-25.292l0.077-63.207a25.293 25.293 0 0 0-25.268-25.293H417.152a189.62 189.62 0 0 0-189.62 189.645V771.15c0 13.977 11.316 25.293 25.294 25.293h372.94a170.65 170.65 0 0 0 170.65-170.65V480.384a25.293 25.293 0 0 0-25.293-25.267z"
              fill="currentColor"
              p-id="1286"
            />
          </svg>
        </div>
        <div class="login-btn">
          <button onclick="loginBtnClick()">登录</button>
        </div>
        <div class="agree">
          <input type="checkbox" id="checkbox" />
          我已阅读并同意
          <a href="javascript:void(0)">平台隐私政策，使用条款</a>
        </div>
        <div class="login-type">
          <div class="line"></div>
          <div>登录方式</div>
          <div class="line"></div>
        </div>
        <div class="login-type-list">
          <div>
            <svg
              xmlns="http://www.w3.org/2000/svg"
              xmlns:xlink="http://www.w3.org/1999/xlink"
              t="1670918093562"
              class="icon"
              viewBox="0 0 1024 1024"
              version="1.1"
              p-id="1285"
              width="200"
              height="200"
            >
              <path
                d="M512 1024C229.222 1024 0 794.778 0 512S229.222 0 512 0s512 229.222 512 512-229.222 512-512 512z m259.149-568.883h-290.74a25.293 25.293 0 0 0-25.292 25.293l-0.026 63.206c0 13.952 11.315 25.293 25.267 25.293h177.024c13.978 0 25.293 11.315 25.293 25.267v12.646a75.853 75.853 0 0 1-75.853 75.853h-240.23a25.293 25.293 0 0 1-25.267-25.293V417.203a75.853 75.853 0 0 1 75.827-75.853h353.946a25.293 25.293 0 0 0 25.267-25.292l0.077-63.207a25.293 25.293 0 0 0-25.268-25.293H417.152a189.62 189.62 0 0 0-189.62 189.645V771.15c0 13.977 11.316 25.293 25.294 25.293h372.94a170.65 170.65 0 0 0 170.65-170.65V480.384a25.293 25.293 0 0 0-25.293-25.267z"
                fill="currentColor"
                p-id="1286"
              />
            </svg>
            <div style="font-size: 13px; margin-top: 4px">Gitee</div>
          </div>
          <div></div>
        </div>
      </div>
    </div>
  </body>
</html>
